<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>作业的综合</title>
		<link rel="stylesheet" href="css/dl1.css" />
		<style type="text/css">
			body {
				margin: 0px;
				background-color: green;
			}
			
			#container {
				width: 1000px;
				height: 2000px;
				margin: 0px auto;
				background-color: darkorange;
			}
			
			#head0 {
				width: 100%;
				height: 50px;
				background-color: greenyellow;
			}
			#cont3{
				width:1000px;
				height: 750px;
				float: left;
				background-color: darkcyan;
			}
			#cont4{
				float: left;
				width: 570px;
				height: 750px;
				background-color: rosybrown;
			}
			
			ul {
				/*margin-top:20px;*/
				list-style-type: none;
				float: left;
				width: 774px;
				padding: 0px;
				margin: 9px 113px 9px 113px
			}
			
			li {
				width: 120px;
				height: 30px;
				float: left;
				border: 1px solid white;
			}
			
			li div {
				float: left;
			}
			
			div a img {
				width: 20px;
				height: 20px;
				padding: 5px 10px;
			}
			
			li div a {
				line-height: 30px;
				text-decoration: none;
				font-family: "微软雅黑";
			}
			
			li input {
				border-radius: 20px;
				background-color: white;
				margin: 3px 20px;
			}
			
			#in1,
			#in2 {
				width: 80px;
			}
			
			#reader1 {
				width: 570px;
				height: 700px;
				
				
			}
		</style>
	</head>

	<body>
		<div id="container">
			<div id="head0">
				<ul>
					<li>
						<div>
							<a href="homepage.html"><img src="img/shouye.png" alt="BackToHomepage" /></a>
						</div>
						<div>
							<a href="homepage.html">首页</a>
						</div>
					</li>
					<li>
						<div>
							<a href="user.html"><img src="img/usermana.png" alt="usermanager" /></a>
						</div>
						<div>
							<a href="user.html">用户管理</a>
						</div>
					</li>
					<li>
						<div>
							<a href="cart.html"><img src="img/cart.png" alt="cart" /></a>
						</div>
						<div>
							<a href="cart.html">购物车</a>
						</div>
					</li>
					<li>
						<div>
							<a href="form.html"><img src="img/form.png" alt="form" /></a>
						</div>
						<div>
							<a href="form.html">用户管理</a>
						</div>
					</li>
					<li>
						<div>
							<a href="quit.html"><img src="img/quit.png" alt="quit" /></a>
						</div>
						<div>
							<a href="quit.html">用户管理</a>
						</div>
					</li>
					<li id="in1">
						<input type="button" value="登录" />
					</li>
					<li id="in2">
						<input type="button" value="注册" />
					</li>
				</ul>

			</div>
			<div id="cont3">
				<div id="cont2">
					<div id="head2">
						<div id="head3">
							<a href="#">计算机图书</a>
						</div>
						<div id="head4">
							<a href="#">销售排行榜</a>
						</div>
					</div>

					<div id="left">
						<div id="book2">
							<dl>
								<dt><img src="img/book2.jpg" alt="book2" /></dt>
								<dd>
									<a href="book1.html" target="reader1">《CSS完全自学手册》</a>
								</dd>
							</dl>
						</div>
						<div id="book3">
							<dl>
								<dt><img src="img/book2.jpg" alt="book2" /></dt>
								<dd>
									<a href="book1.html" target="reader1">《CSS完全自学手册》</a>
								</dd>
							</dl>
						</div>
						<div id="book4">
							<dl>
								<dt><img src="img/book2.jpg" alt="book2" /></dt>
								<dd>
									<a href="book1.html" target="reader1">《CSS完全自学手册》</a>
								</dd>
							</dl>
						</div>
					</div>
				</div>

			
			<div id="cont4">
				
				<iframe id="reader1" name="reader1" src="tags_dl1.html" frameborder="0">
					
				</iframe>
			</div>
			<div id="foot3">页脚</div>

		</div>

	</body>

</html>